<!DOCTYPE html>
<html>
<head>
	<title>1688小助手</title>
	<meta charset="utf-8"/>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style>
	body {
		font-family: 'Microsoft Yahei';
		width: 620px;
		min-height: 100%;
	}
	input {margin-right: 10px;}
    .one-line {
        white-space: nowrap;
        overflow: hidden; 
    }
    .multi-line-text {
        width: 595px; 
        border: 1px solid #000;
        padding: 10px;
        white-space: pre-wrap;
        overflow-wrap: break-word;
        }
    table {border-collapse:collapse;border-style: solid;border-width: 1px;}
    td {border-style: solid;border-width: 1px;}
    
	</style>
</head>
<body>
    <div><h1>1688采购小助手</h1></div>
    <div><b>作者:</b> 清风</div>
    <div><b>邮箱:</b> wanghan52@126.com</div>
    <div><b>微信:</b> GilbertWH</div>
    <br><br>
    <div>
        <input id="userName" class="one-line" type="text" width="50" placeholder="登录1688用户名">
        <input type="submit" class="one-line" value="获取Cookie" id="get">
        <input type="submit" class="one-line" value="更新Cookie" id="update">
        <input type="submit" class="one-line" value="清除Cookie" id="clean">
        <input type="submit" class="one-line" value="获取商详" id="detail">
        <input type="submit" class="one-line" value="转发消息" id="copy">
    </div>
    <br>
    <h3>基础信息</h3>
    <div class="multi-line-text" id="cookie-list"></div>
    <h3>视频信息</h3>
    <div class="multi-line-text"  id="video"></div>
    <h3>图片信息</h3>
    <div class="multi-line-text"  id="image_list">
    </div>
    <script src="js/cookie-handlers.js"></script>
</body>
</html>